Chrome 62 开始 自带原生截图。下面介绍了 区域截图、全页面截图、可视范围截图、页面元素按块截图 四种方法,应该够用了
整理了一下:
区域截图 :
Ctrl/Command + Shift + C 调出界面选择器
Ctrl/Command + 鼠标左键 选择希望的范围
截图将以文件的形式自动下载
全页面截图 :
Ctrl/Command + Shift + C 调出开发者工具
Ctrl/Command + Shift + P 调出命令菜单
输入 screenshot,在自动筛选出的结果里选择 Capture full size screenshot
可视范围截图 :
Ctrl/Command + Shift + C 调出开发者工具
Ctrl/Command + Shift + P 调出命令菜单
输入 screenshot,在自动筛选出的结果里选择 Capture screenshot
[For dev]页面元素按块截图 :
Ctrl/Command + Shift + C 调出界面选择器
鼠标左键 选择希望的范围,会以高亮标识
Ctrl/Command + Shift + P 调出命令菜单
输入 screenshot,在自动筛选出的结果里选择 Capture node screenshot